@charset "utf-8";
/* CSS Document */
a {
    text-decoration: none;
    color: #151515;
    outline: none;
}

a:hover {
    text-decoration: underline;
    color: #151515;
}
/*img spr_x*/
.btn,.button,.disk-info,.space-status,.space-status i,.file-list dt,.file-list dt a,.title-float,.title-float a,.file-more a,.file-more span,.file-pages,.pages,.page-index-list .box-con,.popup-space h3
    {
    background-image: url(../images/main/spr_x.png);
    background-repeat: repeat-x;
}
/*img handle*/
.search-box button,.file-list dt li,.title-float li,.file-pages a,.file-pages b,.arrow
    {
    background-image: url(../images/main/page_handle.gif);
    background-repeat: no-repeat;
}

.arrow {
    overflow: hidden;
}
/*.top-handle*/
.top-handle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
}

.top-handle .con {
    height: 30px;
    padding: 10px;
    background: #F2F2F2;
}
/*.button*/
.button {
    float: left;
    height: 28px;
    margin-right: 10px;
    padding: 0 18px;
    line-height: 29px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px #276DDD;
    border: 1px solid #61C1FD;
    border-radius: 3px;
    background-color: #4C8FFC;
    background-position: 0 -1356px; /*185px*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.button:hover {
    text-decoration: none;
    color: #FFF;
    background-position: 0 -1277px; /*214px*/
}

.button:active {
    background-position: 0 -243px;
}

.btn-red {
    text-shadow: 0 1px #B4080C;
    border-color: #CE080D;
    background-color: #F23539;
    background-position: 0 -431px;
}

.btn-red:hover {
    background-position: 0 -460px;
}

.btn-red:active {
    background-position: 0 -489px;
}

.btn-green {
    text-shadow: 0 1px #598D2F;
    border-color: #6AAB35;
    background-color: #77C13C;
    background-position: 0 -518px;
}

.btn-green:hover {
    background-position: 0 -547px;
}

.btn-green:active {
    background-position: 0 -576px;
}

.btn-orange {
    text-shadow: 0 1px #EF7714;
    border-color: #F67E19;
    background-color: #F4A32F;
    background-position: 0 -344px;
}

.btn-orange:hover {
    background-position: 0 -373px;
}

.btn-orange:active {
    background-position: 0 -402px;
}

.btn-gray {
    font-weight: normal;
    color: #666;
    text-shadow: 0 1px #FFF;
    border-color: #C5C5C5;
    background-color: #FFF;
    background-position: 0 -605px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-gray:hover {
    color: #333;
    background-position: 0 -634px;
}

.btn-gray:active {
    background-position: 0 -663px;
}

.btn-large {
    width: 65px;
}

.btn-disabled,.btn-disabled:hover,.btn-disabled:active {
    color: #999;
    text-shadow: none;
    border-color: #C5C5C5;
    background-color: #EEE;
    background-position: 0 -634px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: default;
}
/**.btn-icon**/
.btn-icon {
    position: relative;
    padding-left: 35px;
}

.btn-icon .icon {
    position: absolute;
    top: 6px;
    left: 15px;
    width: 16px;
    height: 16px;
}
/**.btn-wrap**/
.btn-wrap {
    float: left;
    height: 30px;
    margin-right: 10px;
    padding-left: 1px;
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-wrap .btn {
    position: relative;
    float: left;
    height: 28px;
    margin-left: -1px;
    padding: 0 15px;
    line-height: 29px;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    text-shadow: 0 1px #FFF;
    border: 1px solid #C5C5C5;
    background-position: 0 -605px;
}

.btn-wrap .btn:hover {
    text-decoration: none;
    color: #333;
    background-position: 0 -634px;
}

.btn-wrap .btn:active {
    color: #333;
    background-position: 0 -663px;
}

.btn-wrap .btn-disabled,.btn-wrap .btn-disabled:hover,.btn-wrap .btn-disabled:active
    {
    color: #BABABA;
    background: #FFF;
    box-shadow: none;
    cursor: default;
}

.btn-wrap .btn:first-child {
    border-radius: 3px 0 0 3px;
}

.btn-wrap .btn:last-child {
    border-radius: 0 3px 3px 0;
}

.btn-wrap .btn-opt {
    padding: 0 23px 0 15px;
}

.btn-opt .arrow {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 6px;
    height: 3px;
    background-position: -94px 0;
}
/**.btn-upgrade**/
.btn-upgrade,.btn-upgrade:hover {
    display: inline-block;
    width: 52px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #FFFDD5;
    background: url(../images/main/btn_upgrade.png) no-repeat 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
/**.list-type**/
.list-type {
    display: block;
    width: 13px;
    height: 11px;
    margin: 8px -5px;
    line-height: 10;
    overflow: hidden;
    background-image: url(../images/main/list_type.gif);
    background-repeat: no-repeat;
}

.type-thumb {
    background-position: -20px 0;
}

.type-large {
    background-position: -40px 0;
}

.focus .type-list {
    background-position: 0 -20px;
}

.focus .type-thumb {
    background-position: -20px -20px;
}

.focus .type-large {
    background-position: -40px -20px;
}
/**.search-box**/
.search-box {
    position: relative;
    float: right;
    width: 203px;
    height: 28px;
    border: 1px solid;
    border-color: #BFBFBF #D7D7D7 #D7D7D7 #BFBFBF;
    background: #FFF url(../images/main/form.png) no-repeat 0 0;
}

.search-box label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 28;
    line-height: 29px;
    overflow: hidden;
    padding: 0 7px;
    color: #BDBDBD;
    cursor: text;
}

.search-box .text {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 160px;
    margin: 0;
    border-right: 0 none;
}

.search-box button {
    position: relative;
    top: 4px;
    left: -4px;
    float: right;
    margin: 0;
    width: 20px;
    height: 20px;
    border: 0 none;
    background-color: transparent;
    background-position: -80px -20px;
}
/**.page-top-link**/
.page-top-link {
    position: relative;
    top: 7px;
    left: -3px;
    _left: 6px;
    float: right;
}

.page-top-link li {
    position: relative;
    float: left;
    height: 16px;
    margin-right: 10px;
    padding-left: 18px;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
}

.page-top-link li i {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-image: url(../images/main/icon_page.gif);
    background-repeat: no-repeat;
}

.ico-invite {
    background-position: 0 0;
}

.ico-mission {
    background-position: -20px 0;
}

.page-top-link li a {
    color: #666;
}
/*.page-main*/
.page-main {
    position: absolute;
    top: 51px;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #FFF;
}
/**.col-sub**/
.col-sub {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 214px;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid #DDD;
    background: #F8F8F8;
}
/**.col-main**/
.col-main {
    position: absolute;
    top: 0;
    right: 215px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    _position: relative;
    _right: 0;
    _height: 100%;
    _margin-right: 215px;
}

.col-index {
    overflow: auto;
}
/***.path-box***/
.path-box {
    position: relative;
    height: 29px;
    padding: 0 10px;
    line-height: 29px;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    border-bottom: 1px solid #DDD;
    background: #F8F8F8;
}

.path-box a {
    color: #36C;
}

.path-box .nav-back {
    float: left;
    width: 30px;
    height: 20px;
    margin: 3px 5px 0 0;
    line-height: 10;
    overflow: hidden;
    border: 1px solid #C5C5C5;
    border-radius: 3px;
    background: url(../images/main/nav_back.png) no-repeat 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.path-box .nav-back:hover {
    background-position: 0 -21px;
}

.path-box .nav-back:active {
    background-position: 0 -42px;
}
/****.btn-reload****/
.btn-reload {
    position: relative;
    display: inline-block;
    height: 24px;
    padding: 0 5px 0 25px;
    line-height: 25px;
    overflow: hidden;
    color: #36C;
    border: 1px solid #F8F8F8;
    background: #F8F8F8;
    border-radius: 3px;
}

.btn-reload:hover {
    text-decoration: none;
    color: #36C;
    border-color: #CCC;
    background: #FFF;
}

.btn-reload .icon {
    position: absolute;
    top: 4px;
    left: 5px;
}

.path-box .btn-reload {
    position: absolute;
    top: 1px;
    right: 5px;
}
/***.list-container***/
.list-container {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 33px;
    left: 0;
    overflow: auto;
    border-top: 1px solid #FFF;
}

.select-list {
    top: 0;
}
/****.file-more****/
.file-more,.file-pages,.pages {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    overflow: hidden;
    border-top: 1px solid #E4E4E4;
}

.file-more a,.file-more span {
    display: block;
    height: 23px;
    padding-top: 9px;
    line-height: 14px;
    text-align: center;
    color: #999;
    background-color: #F8F8F8;
    background-position: 0 -960px;
}

.file-more a .arrow {
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-left: 4px;
    _margin-bottom: -2px;
    vertical-align: middle;
    overflow: hidden;
    background-position: 0 0;
}

.file-more a:hover {
    text-decoration: none;
    color: #666;
    background-color: #EBEBEB;
    background-position: 0 -993px;
}

.file-more .icon,.file-more .i-hint {
    margin: 0 3px 2px 0;
    *margin-bottom: -1px;
}

.file-more .loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px 2px 0;
    *margin-bottom: -1px;
    vertical-align: middle;
    overflow: hidden;
    background: url(../images/main/loading.gif) no-repeat 0 0;
}
/****.file-pages****/
.file-pages,.pages {
    background-position: 0 -960px;
}

.file-pages .con {
    float: right;
    margin-top: 6px;
    padding-right: 8px;
}

.file-pages span,.file-pages input,.file-pages a {
    float: left;
    margin-left: 2px;
}

.file-pages span {
    height: 19px;
    line-height: 19px;
}

.file-pages input {
    width: 30px;
    height: 15px;
    margin: 0 2px 0 4px;
    padding: 1px 2px;
    text-align: center;
    border: 1px solid #BEBEBE;
}

.file-pages a {
    width: 9px;
    height: 9px;
    margin-top: 1px;
    padding: 4px 5px;
    overflow: hidden;
    background-position: 100px 100px;
}

.file-pages a:hover {
    background-position: -40px -20px;
}

.file-pages .page-disabled,.file-pages .page-disabled:hover {
    background-position: 100px 100px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.file-pages b {
    float: left;
    width: 9px;
    height: 9px;
    line-height: 10;
    overflow: hidden;
}

.first-page {
    background-position: 0 -20px;
}

.prev-page {
    background-position: -10px -20px;
}

.next-page {
    background-position: -20px -20px;
}

.last-page {
    background-position: -30px -20px;
}
/**.pages**/
.pages .con {
    text-align: right;
    padding: 5px 5px 0;
}

.pages a {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 7px;
    line-height: 20px;
    vertical-align: top;
    border: 1px solid #F8F8F8;
    background-color: #F8F8F8;
}

.pages span {
    display: inline-block;
    vertical-align: top;
    color: #999;
    cursor: default;
}

.pages a:hover {
    text-decoration: none;
    color: #4787EE;
    border-color: #4787EE;
}

.pages a.focus,.pages a.focus:hover {
    color: #FFF;
    border-color: #4787EE;
    background: #4787EE;
    cursor: default;
}

.pages .btn {
    height: 22px;
    padding: 0;
    line-height: 23px;
    text-align: left;
    overflow: hidden;
    border: 0 none;
    background-image: url(../images/main/pages_btn.png);
    background-repeat: no-repeat;
}

.pages a.btn:hover {
    color: #555;
}

.pages .btn-prev {
    width: 50px;
    padding-left: 30px;
    background-position: 0 0;
}

.pages a.btn-prev:hover {
    background-position: 0 -26px;
}

.pages a.btn-prev:active {
    background-position: 0 -52px;
}

.pages .btn-next {
    width: 67px;
    padding-left: 13px;
    background-position: -81px 0;
}

.pages a.btn-next:hover {
    background-position: -81px -26px;
}

.pages a.btn-next:active {
    background-position: -81px -52px;
}

.pages span.btn-prev {
    background-position: 0 -78px;
}

.pages span.btn-next {
    background-position: -81px -78px;
}
/*.file-list*/
.file-list dt,.title-float {
    position: relative;
    z-index: 11;
    height: 25px;
    background-color: #E6F2FA;
    background-position: 0 -702px;
}

.title-float {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
}

.file-list dd {
    position: relative;
    height: 25px;
    background: #FFF;
}

.file-list dd.odd {
    background: #F2F2F2;
}

.file-list dd:nth-child(2n+1) {
    background: #F2F2F2;
}

.file-list dd.focus {
    background: #FBEFCE;
}

.file-list ul {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    _width: 100%;
    height: 25px;
    overflow: hidden;
}

.file-list li,.title-float li {
    position: relative;
    float: right;
    height: 25px;
    padding-left: 7px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7D7D7D;
}

.file-list dt li,.title-float li {
    color: #6B7787;
    background-position: -98px -76px;
}

.file-list dt a,.title-float a {
    display: block;
    height: 25px;
    margin-left: -5px;
    padding-left: 5px;
    color: #6B7787;
    background-position: 100px 100px;
}

.file-list dt a:hover,.title-float a:hover {
    text-decoration: none;
    color: #6B7787;
    background-color: #CBE6F7;
    background-position: 0 -728px;
}

.file-list dt li .arrow,.title-float li .arrow {
    right: 4px;
    top: 11px;
    position: absolute;
    width: 6px;
    height: 3px;
    overflow: hidden;
    background-position: -94px 0;
}

.file-list dt li .asc-order,.title-float li .asc-order {
    background-position: -87px 0;
}

.file-list .file-name,.title-float .file-name {
    position: absolute;
    left: 36px;
}

.list-star .file-name,.title-star .file-name {
    left: 80px;
}

.file-list dt .file-name,.title-float .file-name {
    right: 174px;
}

.file-list dd .file-name {
    right: 210px;
    width: auto;
    padding-left: 25px;
}

.file-list dd .file-name a {
    
}

.file-list dd .file-name a:hover {
    text-decoration: underline;
    color: #F63;
}

.file-name .file-type {
    position: absolute;
    top: 4px;
    left: 3px;
    _filter: alpha(opacity = 100);
}

.file-list .file-check,.title-float .file-check {
    position: absolute;
    left: 0;
    width: 36px;
    padding: 0;
    background-position: 0 100px;
}

.list-star .file-check,.title-star .file-check {
    width: 80px;
}

.file-check input {
    position: absolute;
    left: 8px;
    top: 3px;
    *top: 2px;
    _top: 3px;
}

.file-check label {
    display: none;
    position: absolute;
    left: 30px;
}

.list-star .file-check label,.title-star .file-check label {
    display: block;
}

.star-favor {
    display: none;
    position: absolute;
    top: 5px;
    left: 36px;
    width: 16px;
    height: 16px;
    line-height: 10;
    overflow: hidden;
    background: url(../images/main/star_fav.gif) no-repeat;
}

.star-collect {
    background-position: -16px 0;
}

.location {
    display: none;
    position: absolute;
    top: 5px;
    left: 56px;
    width: 16px;
    height: 16px;
    line-height: 10;
    overflow: hidden;
    background: url(../images/main/location_marker.png) no-repeat;
}

.location-collect {
    background-position: -16px 0;
}

.list-star .star-favor {
    display: block;
}
.list-star .location {
    display: block;
}
.file-size,.file-time {
    width: 120px;
}

.file-cloud {
    width: 25px;
}
/**.network-clouds, .network-continue**/
.network-clouds,.network-continue {
    display: block;
    width: 16px;
    height: 16px;
    margin: 5px 0 0;
    line-height: 10;
    overflow: hidden;
    background: url(../images/main/network_clouds.gif) no-repeat 0 0;
}

.network-continue {
    background-image: url(../images/main/icon_main.png);
    _background-image: url(../images/main/icon_main.gif);
    background-repeat: no-repeat;
    background-position: -60px -120px;
    cursor: pointer;
}

.thumb-list .network-clouds,.thumb-list .network-continue {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    margin: 0;
}
/*.thumb-list*/
.thumb-list {
    padding: 10px 0 10px 10px;
    overflow: hidden;
    _zoom: 1;
    cursor: default;
}

.thumb-list li {
    position: relative;
    float: left;
    width: 100px;
    margin: 0 10px 10px 0;
    padding: 6px;
    overflow: hidden;
    background-image: url(../images/main/thumb_bg.png);
    background-repeat: no-repeat;
    background-position: 1000px 1000px;
}

.large-list li {
    width: 128px;
}

.thumb-list li:hover {
    background-position: 0 0;
}

.thumb-list li:hover .file-name,.thumb-list li:hover .file-name a,.thumb-list .file-name a:hover
    {
    text-decoration: underline;
    color: #F63;
}

.large-list li:hover {
    background-position: 0 -160px;
}

.thumb-list li.focus {
    background-position: -120px 0;
}

.large-list li.focus {
    background-position: -150px -160px;
}

.thumb-list .file-thumb {
    margin-top: 20px;
    *margin-top: 26px;
}

.thumb-list .thumb-cover {
    margin-top: 6px;
    *margin-top: 12px;
}

.large-list .thumb-cover {
    margin: 28px auto 6px;
    *margin-top: 34px;
}

.thumb-list .file-name {
    position: relative;
    height: 36px;
    padding-top: 5px;
    line-height: 18px;
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
}

.thumb-list .file-name span {
    position: relative;
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    text-indent: 35px;
    *text-indent: 0;
}

.thumb-list .file-name .thumb-lock {
    text-indent: 30px;
    *text-indent: 0;
}

.thumb-list .file-name .star-favor {
    display: block;
    top: 1px;
    left: 0;
    *position: relative;
    *float: left;
    *margin-right: 3px;
}

.thumb-list .file-name .location {
    display: block;
    top: 1px;
    left: 17px;
    *position: relative;
    *float: left;
    *margin-right: 3px;
}

.thumb-list .file-name .lock-small {
    position: absolute;
    top: 4px;
    left: 18px;
    margin: 0 3px 0 0;
    *position: relative;
    *left: 0;
    *float: left;
}

.thumb-list .file-name .lock-only {
    text-indent: 12px;
    *text-indent: 0;
}

.thumb-list .file-name .lock-only .lock-small {
    left: 0;
}

.thumb-wrap {
    width: 100px;
    height: 100px;
    margin: auto;
    text-align: center;
}

.thumb-wrap i {
    display: inline-block;
    height: 100px;
    vertical-align: bottom;
}

.thumb-wrap img {
    vertical-align: bottom;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.large-list .thumb-wrap {
    width: 122px;
    height: 122px;
    margin-bottom: 6px;
}

.large-list .thumb-wrap i {
    height: 122px;
}
/*.lock-small*/
.lock-small {
    position: absolute;
    top: 7px;
    right: 0;
    width: 8px;
    height: 10px;
    overflow: hidden;
    background: url(../images/main/lock_small.gif) no-repeat 0 0;
}
/***.sub-tips***/
.sub-tips {
    margin: 0 10px;
    padding: 0 5px;
    background: #FFFFE0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.sub-tips h3 {
    position: relative;
    height: 30px;
    padding: 0 20px;
    line-height: 31px;
    font-weight: normal;
    font-size: 12px;
}

.sub-tips h3 .icon {
    position: absolute;
    top: 6px;
    left: 2px;
}

.sub-tips ul {
    padding: 0 0 6px 3px;
    line-height: 1.8;
    color: #999;
}

.sub-tips li {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-tips a {
    color: #36C;
}
/***.sub-notice***/
.sub-notice {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.sub-notice h3 {
    margin-bottom: 2px;
    padding: 0 5px 0 0;
    border-bottom: 1px dotted #DDD;
}

.sub-notice h3 span,.sub-notice h3 em {
    position: relative;
    float: left;
    padding-left: 20px;
}

.sub-notice h3 em {
    float: right;
}

.sub-notice h3 a {
    color: #555;
}
/**.notice-list**/
.notice-list {
    position: relative;
    width: 180px;
    height: 24px;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice-list ul {
    position: absolute;
    top: 0;
    left: 0;
}

.notice-list li {
    position: relative;
    width: 164px;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice-list a {
    color: #666;
}

.notice-list a:hover {
    color: #000;
}

.notice-list i {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/main/icon_page.gif) no-repeat -40px 0;
}
/*.file-info*/
.file-info {
    padding: 16px 8px 8px;
}

.btn-container {
    text-align: center;
}

.file-info .btn-wrap {
    float: none;
    display: inline-block;
    margin: 0;
}

.file-info ul {
    padding-top: 5px;
}

.file-info li {
    height: 16px;
    padding: 4px 0;
    line-height: 16px;
    overflow: hidden;
    color: #7D7D7D;
    _zoom: 1;
}

.file-info li a.icon {
    margin-bottom: 3px;
}

.file-info li i {
    color: #7D7D7D;
}

.file-info li b {
    font-weight: normal;
    color: #7D7D7D;
}

.file-info li .fr .icon {
    float: left;
}

.file-info .get-vip,.file-info .get-vip:hover,.upgrade-box .get-vip,.upgrade-box .get-vip:hover,.space-get-vip .get-vip,.space-get-vip .get-vip:hover
    {
    float: right;
    width: 52px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    color: #FFFDD5;
    background: url(../images/main/popup_img.png) no-repeat -15px 0;
}

.multi-text {
    padding-top: 5px;
    text-align: center;
}

.recycle-bin-local {
    padding: 10px 0;
}

.recycle-bin-local dd {
    padding: 5px 0;
    color: #7D7D7D;
}

.thumb-name {
    padding: 5px 0;
    text-align: center;
    word-wrap: break-word;
    color: #7D7D7D;
}
/*.file-description*/
.file-description {
    padding: 1px;
}

.file-description h3 {
    height: 22px;
    padding: 0 7px;
    line-height: 22px;
    font-size: 12px;
    font-weight: normal;
    border-top: 1px solid #D9D9D9;
    background: #ECECEC;
}

.file-description h3 .icon {
    float: right;
    margin-top: 3px;
}

.file-description .con {
    padding: 5px 7px;
    color: #7D7D7D;
}
/*.thumb-cover*/
.thumb-cover {
    width: 82px;
    height: 75px;
    margin: auto;
    padding: 13px 6px 6px;
    background: url(../images/main/thumb_cover.gif) no-repeat 0 0;
}

.thumb-cover .con {
    display: block;
    width: 82px;
    height: 75px;
    overflow: hidden;
    text-align: center;
}

.thumb-cover img {
    max-width: 82px;
    max-height: 75px;
    vertical-align: middle;
}

.thumb-cover i {
    display: inline-block;
    height: 75px;
    vertical-align: middle;
}
/*.upgrade-box*/
.upgrade-box {
    position: relative;
    margin: 10px 10px 0;
    padding: 10px 110px 10px 10px;
    line-height: 16px;
    border: 1px solid #F2F2F2;
    background: #FFFFE0;
}

.upgrade-box .get-vip,.upgrade-box .get-vip:hover {
    float: none;
    display: inline-block;
}

.upgrade-box .button {
    position: absolute;
    top: 3px;
    right: 5px;
    margin: 0;
}
/*page-index*/

/**.sign-in**/
.sign-in {
    position: absolute;
    top: 5px;
    left: 58px;
    width: 131px;
    height: 31px;
}

.sign-in a,.sign-in a:hover {
    display: block;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    color: #AC0000;
}

.sign-in a.disabled,.sign-in a.disabled:hover {
    text-decoration: none;
    color: #828282;
    background: url(../images/main/weather_box.gif) no-repeat -195px 0;
    cursor: default;
}
/**.weekday**/
.weekday {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 47px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #C3631C;
}
/*.user-info-box*/
.user-info-box {
    margin: 10px;
    padding: 0 10px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.user-info-top {
    position: relative;
    height: 40px;
    padding: 10px 0 10px 50px;
    overflow: hidden;
    border-bottom: 1px dotted #DDD;
}

.user-info-top img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

.user-info-top span {
    display: block;
    height: 30px;
    margin-top: -7px;
    line-height: 30px;
}

.user-info-list {
    padding: 5px 0;
    line-height: 20px;
}

.user-info-list li {
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    vertical-align: middle;
}

.user-info-list em {
    float: left;
    color: #333;
}

.user-info-list span {
    color: #666;
}

.user-info-list .button {
    position: absolute;
    top: 0;
    right: 2px;
    height: 18px;
    margin: 0;
    padding: 0 10px;
    line-height: 19px;
    font-weight: normal;
}

.safe-level,.safe-level i {
    background-image: url(../images/main/safe_level.gif);
    background-repeat: no-repeat;
}

.safe-level {
    float: left;
    width: 100px;
    height: 6px;
    padding: 4px 5px;
    margin: 3px 0 0;
    overflow: hidden;
    background-position: 0 0;
}

.safe-level i {
    float: left;
    height: 6px;
    margin-left: -1px;
    overflow: hidden;
    border-width: 0 1px;
    border-style: solid;
}

.safe-1 i {
    border-color: #D80808;
    background-position: 0 -15px;
}

.safe-2 i {
    border-color: #F38715;
    background-position: 0 -22px;
}

.safe-3 i {
    border-color: #428601;
    background-position: 0 -29px;
}

.user-approve {
    overflow: hidden;
}

.user-approve li {
    float: left;
}

.user-approve a {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    line-height: 10;
    overflow: hidden;
    background-image: url(../images/main/icon_user_info.gif);
    background-repeat: no-repeat;
}

.user-approve .ap-vip,.user-approve .ap-vip-disabled {
    width: 21px;
}

.ap-vip {
    background-position: 0 0;
}

.ap-vip-disabled {
    background-position: 0 -20px;
}

.ap-email {
    background-position: -30px 0;
}

.ap-email-disabled {
    background-position: -30px -20px;
}

.ap-question {
    background-position: -50px 0;
}

.ap-question-disabled {
    background-position: -50px -20px;
}

.ap-mobile {
    background-position: -70px 0;
}

.ap-mobile-disabled {
    background-position: -70px -20px;
}

.ap-honor {
    background-position: -90px 0;
}
/*.login-hint*/
.login-hint {
    margin: 0 10px 10px;
}

.login-hint dt {
    height: 16px;
    padding: 3px 0;
    line-height: 16px;
    text-align: right;
    overflow: hidden;
    font-weight: bold;
}

.login-hint dt .i-hint {
    margin: 0 5px 3px 0;
    *margin-bottom: -1px;
}

.login-hint dt b {
    font-weight: normal;
}

.login-hint dd {
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.login-hint span {
    float: left;
}

.login-hint em {
    float: right;
    color: #999;
}
/*.weibo-box*/
.weibo-box {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 214px;
    height: 24px;
    padding: 10px 0;
    overflow: hidden;
    _zoom: 1;
    border-top: 1px solid #E7E6E6;
    box-shadow: inset 0 1px 1px #FFF;
}

.weibo-box dt {
    float: left;
    width: 75px;
    height: 24px;
    padding-right: 3px;
    line-height: 25px;
    text-align: right;
    overflow: hidden;
}

.weibo-box dd {
    float: left;
    margin-right: 10px;
}

.weibo-box a {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 20;
    overflow: hidden;
    background-image: url(../images/main/icon_weibo.gif);
    background-repeat: no-repeat;
}

.wb-115 {
    background-position: 0 0;
}

.wb-tencent {
    background-position: -25px 0;
}

.wb-neteasy {
    background-position: -50px 0;
}

.wb-sina {
    background-position: -75px 0;
}
/*.page-index-list*/
.pgi {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-image: url(../images/main/page_index_icon.gif);
    background-repeat: no-repeat;
}

.ico-file {
    background-position: 0 0;
}

li:hover .ico-file,li.hover .ico-file {
    background-position: 0 -30px;
}

.ico-document {
    background-position: -30px 0;
}

li:hover .ico-document,li.hover .ico-document {
    background-position: -30px -30px;
}

.ico-photo {
    background-position: -60px 0;
}

li:hover .ico-photo,li.hover .ico-photo {
    background-position: -60px -30px;
}

.ico-music {
    background-position: -90px 0;
}

li:hover .ico-music,li.hover .ico-music {
    background-position: -90px -30px;
}

.ico-video {
    background-position: -120px 0;
}

li:hover .ico-video,li.hover .ico-video {
    background-position: -120px -30px;
}

.page-index-list {
    margin: 0 10px 20px;
    overflow: hidden;
    _zoom: 1;
}

.page-index-list li {
    float: left;
    width: 50%;
    *width: 49.9%;
}

.page-index-list .box-con {
    position: relative;
    height: 40px;
    padding: 10px 10px 10px 60px;
    vertical-align: middle;
    overflow: hidden;
    border: 1px solid #FFF;
    border-radius: 3px;
    background-position: 0 100px;
    cursor: pointer;
}

.page-index-list .box-con:hover,.page-index-list li .hover {
    border-color: #CECECE;
    background-position: 0 -874px;
}

.page-index-list .box-con:hover strong,.page-index-list li .hover strong
    {
    color: #F60;
}

.page-index-list .con {
    height: 20px;
    line-height: 21px;
    overflow: hidden;
}

.page-index-list .con span {
    float: left;
    color: #666;
}

.page-index-list .con em {
    float: right;
    color: #999;
}
/*.page-index-footer*/
.page-index-footer {
    height: 40px;
    margin: 0 10px;
    overflow: hidden;
    color: #666;
    border-top: 1px solid #DDD;
}

.page-index-footer a {
    color: #666;
}

.soft-link {
    float: left;
    padding: 10px;
}

.soft-link li {
    position: relative;
    float: left;
    height: 20px;
    padding: 0 20px;
    line-height: 21px;
    overflow: hidden;
}

.soft-link .sf-icon {
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-image: url(../images/main/icon_soft_new.gif);
    background-repeat: no-repeat;
}

.sf-udown {
    background-position: -20px 0;
}

.sf-client {
    background-position: -40px 0;
}

.footer-link {
    float: right;
    height: 20px;
    padding: 10px;
    line-height: 21px;
    overflow: hidden;
}
/*.disk-info*/
.disk-info {
    position: relative;
    height: 48px;
    margin: 10px;
    padding: 14px 10px 14px 85px;
    overflow: hidden;
    border: 1px solid #CECECE;
    border-radius: 3px;
    background-position: 0 -1042px;
    box-shadow: inset 0 0 1px 1px #FFF, 0 1px 5px rgba(0, 0, 0, 0.1);
}

.disk-info .icon {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 70px;
    height: 60px;
    background: url(../images/main/icon_disk.gif) no-repeat 0 0;
}

.disk-info .icon .ico-war {
    position: absolute;
    right: 3px;
    bottom: 7px;
    width: 30px;
    height: 30px;
    background-image: url(../images/main/icon_hint.png);
    _background-image: url(../images/main/icon_hint.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.disk-info .con {
    height: 20px;
    line-height: 21px;
    overflow: hidden;
}

.disk-info .get-vip {
    float: right;
    width: 82px;
    height: 18px;
    margin: 1px 5px 0 0;
    line-height: 10;
    overflow: hidden;
    background: url(../images/main/get_vip_capacity.gif) no-repeat 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.disk-info em {
    color: #666;
}
/**.page-info**/
.page-info {
    padding: 15px 15px 0 45px;
    line-height: 2;
}

.page-info h3 {
    position: relative;
    min-height: 24px;
    _height: 24px;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 12px;
}

.page-info .i-hint {
    position: absolute;
    top: 3px;
    left: -27px;
}

.page-info em {
    font-weight: normal;
    color: #999;
}

.page-info a {
    color: #36C;
}
/**.space-status**/
.space-status {
    height: 15px;
    margin-top: 4px;
    padding: 3px 4px;
    overflow: hidden;
    border: 1px solid #CECECE;
    border-radius: 4px;
    background-color: #FFF;
    background-position: 0 -1119px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.space-status i {
    float: left;
    height: 15px;
    margin: 0 -1px;
    overflow: hidden;
    border: solid #70A1F2;
    border-width: 0 1px;
    border-radius: 4px;
    background-color: #7BA7F0;
    background-position: 0 -1141px;
}

.space-exhaust {
    border: 1px solid #EACB73;
    background-position: 0 -1239px;
}

.space-exhaust i {
    border-color: #EC4444;
    background-color: #ED6451;
    background-position: 0 -1261px;
}
/*.sub-space*/
.sub-space {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 149px;
    height: 46px;
    padding: 5px 10px 5px 55px;
    border-top: 1px solid #DDD;
    background: #F8F8F8;
    box-shadow: inset 0 1px 1px #FFF;
}

.sub-space span {
    display: block;
    height: 23px;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
}

.sub-space .icon {
    position: absolute;
    top: 9px;
    left: 6px;
    width: 44px;
    height: 38px;
    overflow: hidden;
    background: url(../images/main/icon_disk_small.gif) no-repeat 0 0;
}

.sub-space .icon .ico-war {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 20px;
    height: 20px;
    background-image: url(../images/main/icon_hint.png);
    _background-image: url(../images/main/icon_hint.gif);
    background-repeat: no-repeat;
    background-position: 0 -35px;
}

.sub-space .space-status,.file-info .space-status {
    height: 11px;
    margin-top: 3px;
    padding: 1px;
    border: 1px solid #A7A7A7;
    border-radius: 3px;
    background: #FFF;
}

.sub-space .space-status i,.file-info .space-status i {
    height: 11px;
    margin: 0;
    border: 0 none;
    border-radius: 3px;
    background-position: 0 -1029px;
}

.sub-space .red-status i,.file-info .red-status i {
    background-position: 0 -943px;
}
/*.search-menu*/
.search-menu {
    position: absolute;
    top: 42px;
    right: 10px;
    z-index: 99999;
    width: 203px;
    border: 1px solid #BFBFBF;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.search-menu li a {
    position: relative;
    display: block;
    height: 30px;
    padding-left: 28px;
    line-height: 31px;
    overflow: hidden;
    color: #999;
}

.search-menu li a:hover,.search-menu li a.focus {
    text-decoration: none;
    color: #FFF;
    background: #4787EE;
}

.search-menu li .src-type {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 16px;
    height: 16px;
    background-image: url(../images/main/search_type.gif);
    background-repeat: no-repeat;
}

.st-file {
    background-position: 0 0;
}

.st-document {
    background-position: -20px 0;
}

.st-photo {
    background-position: -40px 0;
}

.st-music {
    background-position: 0 -20px;
}

.st-video {
    background-position: -20px -20px;
}

.search-bottom {
    border-top: 1px solid #E4E4E4;
}

.search-bottom a {
    display: block;
    height: 29px;
    line-height: 29px;
    text-align: center;
    font-weight: bold;
    color: #36C;
    border-top: 1px solid #FFF;
    background: #F0F0F0;
}

.search-bottom a:hover {
    text-decoration: none;
    color: #FFF;
    background: #4787EE;
}
/*.popup-space*/
.popup-space .arrow,.popup-info .arrow,.popup-space li a {
    background-image: url(../images/main/popup_img.png);
    background-repeat: no-repeat;
}

.popup-space {
    position: absolute;
    right: 0;
    bottom: 55px;
    z-index: 101;
    width: 213px;
    border: 1px solid #1DC5FC;
    background: #FFF;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.popup-space h3 {
    position: relative;
    height: 24px;
    padding: 0 10px;
    line-height: 25px;
    overflow: hidden;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    border-bottom: 1px solid #0293eb;
    background-color: #444653;
    background-position: 0 -1356px;
}

.popup-space h3 .close {
    top: 5px;
    right: 5px;
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 10;
    overflow: hidden;
    background: url(../images/main/frame_handle.gif);
}

.popup-space h3 .close:hover {
    background-position: 0 -15px;
}

.popup-space .space-text {
    padding: 5px 10px;
    background: #EEE;
}

.popup-space .text-vip {
    background: #FFF1DE;
}

.space-text a {
    color: #36C;
}

.popup-space ul {
    padding: 5px 10px;
}

.popup-space li {
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    overflow: hidden;
}

.popup-space li span {
    float: left;
    color: #555;
}

.popup-space li em {
    float: left;
    color: #999;
}

.popup-space li a {
    float: right;
    width: 52px;
    height: 16px;
    margin-top: 4px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    color: #FFFDD5;
    background-position: -15px 0;
}

.popup-space li a:hover {
    text-decoration: none;
    color: #FFFDD5;
}

.popup-space .arrow {
    position: absolute;
    bottom: -5px;
    _bottom: -6px;
    left: 23px;
    width: 9px;
    height: 6px;
    overflow: hidden;
}

.space-vip-expire {
    padding: 5px 10px;
    color: #666;
}

.space-get-vip {
    padding: 0 10px 10px;
    line-height: 16px;
    text-align: right;
}

.space-get-vip a {
    color: #36C;
}

.space-get-vip .get-vip,.space-get-vip .get-vip:hover {
    float: none;
    display: inline-block;
    margin-right: 5px;
}
/*.popup-info*/
.popup-info {
    position: absolute;
    width: 193px;
    border: 1px solid #FFCF97;
    border-top-width: 2px;
    background: #FFFBE6;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.popup-info .arrow {
    position: absolute;
    top: -6px;
    left: 20px;
    width: 7px;
    height: 5px;
    overflow: hidden;
    background-position: 0 -11px;
}

.popup-info a,.popup-info a:hover {
    white-space: nowrap;
    color: #36C;
}

.popup-contents {
    position: relative;
    padding: 6px 10px 6px 25px;
    line-height: 22px;
    *zoom: 1;
}

.popup-contents .i-hint {
    position: absolute;
    top: 11px;
    left: 10px;
}

.popup-status {
    padding: 10px 10px 5px;
}

.popup-status span {
    display: block;
    line-height: 22px;
}

.popup-status .status-box {
    position: relative;
    height: 10px;
    margin-bottom: 5px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid #FFBE8F;
    background: #FFF;
}

.popup-status .status-box i {
    float: left;
    height: 10px;
    overflow: hidden;
    background: #FFB96E;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFBB71),
        to(#FFA04C) );
    background: -moz-linear-gradient(top, #FFBB71, #FFA04C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBB71',
        endColorstr='#FFA04C' );
}

.popup-status .status-box em {
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 12px;
    line-height: 12px;
    text-align: center;
    overflow: hidden;
    font-size: 10px;
}
/*.space-bt-info*/
.space-bt-info {
    position: relative;
    top: -15px;
    width: auto;
    margin: 0 10px;
}

.space-bt-info .arrow {
    _top: -4px;
    left: 49.5%;
}
/*for IE6*/
* html .page-main {
    height: expression(( function(el){ 
 try{ 
 el.style.height=document.body.clientHeight-50+"px";
    window
    .onresize=function()
    {
    el.style.height=document.body.clientHeight-50+"px";
}

}
catch (e) {
    
}

}
)(
this
));


}
* html .list-container {
    width: 100%;
    height: expression(( function(el){ 
 try{ 
 el.style.height=el.parentNode.clientHeight-63+"px";
    el
    .parentNode.onresize=function()
    {
    el.style.height=el.parentNode.clientHeight-63+"px";
}

}
catch (e) {
    
}

}
)(
this
));


}
* html .select-list {
    height: expression(( function(el){ 
 try{ 
 el.style.height=document.body.clientHeight-33+"px";
    document
    .body.onresize=function()
    {
    el.style.height=document.body.clientHeight-33+"px";
}

}
catch (e) {
    
}
}
)(
this
));


}